<template>
  <div id="home">
      <Serach />
    <div class="content-box">
      <Typelist />
      <Banner />
      <Glist />
      <Active />
      <Goodslist />
    </div>
      <Homefooter />
  </div>
</template>

<script>
import Banner from './view-wang/view-com/homeBanner.vue';
import Serach from '../components/homeHeader.vue';
import Typelist from './view-wang/view-com/homeTypelist.vue';
import Glist from './view-wang/view-com/homeGlist.vue';
import Active from './view-wang/view-com/homeActive.vue';
import Goodslist from '../components/homeGoodslist.vue';
import Homefooter from '../components/homeFooter.vue'

export default {
  name: "Home",
  components: {
    Serach,
    Typelist,
    Banner,
    Glist,
    Active,
    Goodslist,
    Homefooter
  },
};
</script>

<style>
#home{
  display: flex;
  flex-direction: column;
  justify-content:space-between;
 height: 6.67rem;
}
.content-box{
  overflow: auto;
  margin-bottom: 0.5rem;
}
</style>